需求进度卡片设计方案

方案1:简洁进度条卡片(推荐)

系统优化需求

处理中

优化现有系统性能,提升响应速度...

最后更新:2小时前
当前进度 60%

优点:信息完整,进度可视化清晰,符合设计规范

方案2:时间线简化版(更直观)

系统优化需求

处理中

优化现有系统性能,提升响应速度...

需求已提交
需求分析中
待报价
最后更新:2小时前

优点:进度节点清晰,用户能快速了解当前处于哪个阶段

方案3:大卡片设计(信息丰富)

系统优化需求

处理中 #REQ-2024-001

优化现有系统性能,提升响应速度,改善用户体验...

处理进度 60%
当前阶段:需求分析中
顾问:李顾问
最后更新:2小时前

优点:信息完整,包含顾问信息,适合需要展示更多细节的场景

方案4:紧凑型卡片(节省空间)

系统优化需求

处理中
60%
2小时前

优点:节省空间,适合在首页展示多个需求或与其他内容共存

方案5:带图标和状态指示(视觉突出)

系统优化需求

处理中

优化现有系统性能,提升响应速度,改善用户体验...

进度 60%
最后更新:2小时前

优点:左侧图标增加视觉层次,边框颜色突出状态

方案6:多需求展示(横向滚动)

系统优化需求

处理中
60% · 2小时前

数据分析平台

待处理
20% · 1天前

移动端开发

已完成
100% · 3天前

优点:可以展示多个需求,用户横向滑动查看,适合有多个进行中需求的用户

方案7:空状态设计(无需求时)
暂无进行中的需求
提交您的第一个需求,开始使用我们的服务

优点:友好的空状态提示,引导用户操作

设计建议:

核心设计原则: